<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ include file="../../common/common.jsp" %>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>添加/编辑文件 - ${title }</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/uploadify/uploadify.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/ueditor/themes/default/css/ueditor.css">
</head>
<body <%@ include file="../../common/skin.jsp" %>>
<%@ include file="../../common/head.jsp" %>
<%@ include file="../../common/menu.jsp" %>
<div class="J_content">
	<div class="mt20 plr20">
		<div class="J_filter">
			<table class="not_hightlight" style="width: 100%;">
				<tbody>
				<tr>
					<td class="t_right">
						<div class="fr">
							<a href="javascript:myBack()">
								<i class="icon"></i><span>返回上一页</span>
							</a>
						</div>
					</td>
				</tr>
				</tbody>
			</table>
		</div>
		<div class="J_formTable l_form_table mgt40">
			<form action="${ctx}/associationDocument/saveorupdate" id="editForm" method="post">
				<input type="hidden" name="id" value="${associationDocument.id }"/>
				<table>
					<tr>
						<td class="l_title w200">文件标题：</td>
						<td>
							<div class="J_toolsBar fl" style="min-width:200px">
								<div class="t_text ml10 " style="min-width:200px">
									<label>
										<input type="text" name="title" value="${associationDocument.title }" >
									</label>
								</div>
							</div>
						</td>
					</tr>

					<tr>
						<td class="l_title w200">文件内容 ：<font color="red">*</font></td>
						<td>
							<div class="J_toolsBar" style="width: 90%">
								<script type="text/plain" id="editor"
										name="content">${associationDocument.content}</script>
							</div>
						</td>
					</tr>


					<tr>
						<td colspan="2">
							<div class="J_toolsBar mgt40">
								<div class="t_buttonGroup">
									<a class="abtn red" href="javascript:mySubmit();">
										<i class="icon"></i>保存
									</a>
									<a class="abtn gray" href="javascript:myBack();">
										<i class="icon"></i>返回
									</a>
								</div>
							</div>
						</td>
					</tr>
				</table>

			</form>
		</div>
	</div>
</div>
<script src="${pageContext.request.contextPath}/static/js/uploadify/jquery.uploadify.js"></script>
<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
	//表单验证
	$(function(){
		$('#editForm').validator({
			valid : function(form){
				$('#editForm').ajaxSubmit({
					success : function(result){
						if(result.success){
							layer.alert('保存成功');
							window.location.href="${ctx}/associationDocument/list"
						}
					}
				});
			}
		});
	});

	function myBack(){
		window.location.href="${ctx}/associationDocument/list";
	}

	function mySubmit(){
		$('#editForm').submit();
	}

	$(function(){

		$("#rootColumnId").trigger("change")
		var articleType = '${article.type}';
		if(articleType == 1){
			$('#contentTr').hide();
			$("#orderNoTr").hide();
			$("#hrefTr").show();
		}else if(articleType == 2){
			$('#contentTr').hide();
			$("#orderNoTr").show();
			$("#hrefTr").show();
		}
	});

	//描述
	var editor = UE.getEditor('editor', {
		serverUrl: '${ctx}/ueditor/config',
		enableAutoSave: false,
		saveInterval: 0,
		toolbars: [
			['anchor', //锚点
				'undo', //撤销
				'redo', //重做
				'bold', //加粗
				'indent', //首行缩进
				'snapscreen', //截图
				'italic', //斜体
				'underline', //下划线
				'strikethrough', //删除线
				'subscript', //下标
				'fontborder', //字符边框
				'superscript', //上标
				'formatmatch', //格式刷
				'source', //源代码
				'blockquote', //引用
				'pasteplain', //纯文本粘贴模式
				'selectall', //全选
				'print', //打印
				'preview', //预览
				'horizontal', //分隔线
				'removeformat', //清除格式
				'time', //时间
				'date', //日期
				'unlink', //取消链接
				'insertrow', //前插入行
				'insertcol', //前插入列
				'mergeright', //右合并单元格
				'mergedown', //下合并单元格
				'deleterow', //删除行
				'deletecol', //删除列
				'splittorows', //拆分成行
				'splittocols', //拆分成列
				'splittocells', //完全拆分单元格
				'deletecaption', //删除表格标题
				'inserttitle', //插入标题
				'mergecells', //合并多个单元格
				'deletetable', //删除表格
				'cleardoc', //清空文档
				'insertparagraphbeforetable', //"表格前插入行"
				'insertcode', //代码语言
				'fontfamily', //字体
				'fontsize', //字号
				'paragraph', //段落格式
				'simpleupload', //单图上传
				'insertimage', //多图上传
				'edittable', //表格属性
				'edittd', //单元格属性
				'link', //超链接
				'emotion', //表情
				'spechars', //特殊字符
				'searchreplace', //查询替换
				'map', //Baidu地图
				'gmap', //Google地图
				'insertvideo', //视频
				'help', //帮助
				'justifyleft', //居左对齐
				'justifyright', //居右对齐
				'justifycenter', //居中对齐
				'justifyjustify', //两端对齐
				'forecolor', //字体颜色
				'backcolor', //背景色
				'insertorderedlist', //有序列表
				'insertunorderedlist', //无序列表
				'fullscreen', //全屏
				'directionalityltr', //从左向右输入
				'directionalityrtl', //从右向左输入
				'rowspacingtop', //段前距
				'rowspacingbottom', //段后距
				'pagebreak', //分页
				'insertframe', //插入Iframe
				'imagenone', //默认
				'imageleft', //左浮动
				'imageright', //右浮动
				'attachment', //附件
				'imagecenter', //居中
				'wordimage', //图片转存
				'lineheight', //行间距
				'edittip ', //编辑提示
				'customstyle', //自定义标题
				'autotypeset', //自动排版
				'webapp', //百度应用
				'touppercase', //字母大写
				'tolowercase', //字母小写
				'background', //背景
				'template', //模板
				'scrawl', //涂鸦
				'music', //音乐
				'inserttable', //插入表格
				'drafts', // 从草稿箱加载
				'charts', // 图表
			]
		],
	});

	editor.ready(function () {
		editor.setHeight(400);
		editor.width(300);
		editor.setContent(productInfo.seoDescription);
	});

	$("#attachImage").uploadify(
			{
				'swf' : '${pageContext.request.contextPath}/static/js/uploadify/uploadify.swf',
				'uploader' : '${pageContext.request.contextPath}/upload/uploadAttach',
				'cancelImg' : '${pageContext.request.contextPath}/static/js/uploadify/uploadify-cancel.png',
				'queueID' : 'fileQueue',
				'auto' : true,
				'multi' : false,
				'simUploadLimit' : 1,
				'buttonText' : '上传图片',
				'fileObjName' : 'fileData',
				'width' : 70,
				'height' : 20,
				'uploadLimit':3,
				'onUploadSuccess' : function(file, data, response) {
					if(data != null){
						var attachUrl = '${pageContext.request.contextPath}' + data;
						$("#attachURL").attr('src',attachUrl);
						$("#imgUrl").val(data);
					}
				}
			});

	$('input[name="articleType"]').on('click', function(){
		var val = $('input[name="articleType"]:checked').val();
		if(val == 'contentType'){
			$('#contentTr').show();
			$("#hrefTr").hide();
			$("#orderNoTr").hide();
		}else if(val == 'hrefType'){
			$('#contentTr').hide();
			$("#orderNoTr").hide();
			$("#hrefTr").show();
		}else if(val == 'adType'){
			$('#contentTr').hide();
			$("#orderNoTr").show();
			$("#hrefTr").show();
		}
	});
</script>

</body>
</html>